<template>
  <h1 v-text="slogan"></h1>
  <LhzQ>
    <template #lhzAA>
      <h1>lhz-aa</h1>
    </template>
    <template #lhzBB>
      <h1>lhz-bb</h1>
    </template>
    <template #lhzCC>
      <h1 v-text="slogan"></h1>
    </template>
  </LhzQ>
  <button type="button" @click="updateSlogan">点我试试</button>
</template>

<script>
import LhzQ from "./LhzQ.vue";
import {ref} from "vue";

export default {
  name: "LhzM",
  setup() {
    const slogan = ref('桃李不言下自成蹊');
    const updateSlogan = function () {
      this.slogan = '我爱你中国，亲爱的母亲';
    };
    return {
      slogan,updateSlogan
    }
  },
  components: {
    LhzQ
  },
}
</script>

<style scoped>

</style>